<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>006</title>
		<style type="text/css">
			#d01,#d02{
				float: left;  /*块级元素左对齐*/
			}
			#d03{
				clear: left;  /*清除左对齐*/
			}
			
		</style>
		
	</head>
	<body>
		<div id="d01" style="background-color: red; width: 100px; height: 100px;">
			111
		</div>
		<div id="d02" style="background-color: blueviolet; width: 200px; height: 200px;">
			222
		</div>
		<div id="d03" style="background-color: darkorange; width: 100px; height: 100px;">
			333
		</div>
		
	</body>
</html>
